﻿@font-face {
    font-family: digit;
    src: url('../js/Digital-7Mono.ttf') format("truetype");
}

body {
    margin: 0;
    padding: 0;
    background: url("../img/bg.jpg") no-repeat;
    /*font-size: 12px;*/
    overflow: auto;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
}

#content {
    /*width: auto;*/
    /*height: auto;*/
    text-align: center;
}

#loveHeart {
    font-size: 0.27rem;
    margin-top: 10px;
}

/*#subpage {*/
    /*animation-name: stretch;*/
    /*animation-duration: 1.5s;*/
    /*animation-timing-function: ease-out;*/
    /*animation-delay: 0.5s;!*16.5*!*/
    /*animation-iteration-count: 1;*/
    /*animation-direction: normal;*/
/*}*/

/*#ifif {*/
    /*display: none;*/
/*}*/

/*@keyframes stretch {*/
    /*0% {*/
        /*transform: scale(.3);*/
        /*border-radius: 100%;*/
    /*}*/
    /*50% {*/
    /*}*/
    /*100% {*/
        /*transform: scale(1.5);*/
    /*}*/
/*}*/

/*#garden {*/
    /*width: 100%;*/
    /*height: 100%*/
/*}*/

#elapseClock {
    text-align: center;
    /*font-size: 18px;*/
    margin-top: 10px;
    margin-bottom: 10px;
}

#words {
    font-family: "sans-serif";
    width: 100%;
    /*font-size: 24px;*/
    color: #CCCCFF;
    /*display: none;*/
}

/*#messages {*/
    /*display: none*/
/*}*/

#elapseClock .digit {
    font-family: "digit";
    /*font-size: 36px*/
    color: #FF5511;
}

#loveu {
    padding: 5px;
    /*font-size: 22px;*/
    /*margin-top: 80px;*/
    /*margin-right: 120px;*/
    text-align: center;
    /*display: none*/
}

#loveu .signature {
    /*float: right;*/
    margin-top: 10px;
    font-size: 20px;
    font-style: italic;
}

/*#clickSound {*/
    /*display: none;*/
/*}*/

#code {
    /*width: auto;*/
    /*height: 20%;*/
    margin-top: 3%;
    color: blue;
    font-family: "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", "sans-serif";
    font-size: 0.2rem;
}

#code .string {
    color: #2a36ff;
}

#code .keyword {
    color: #7f0055;
    font-weight: bold;
}

#code .placeholder {
    margin-left: 15px;
}

#code .space {
    margin-left: 7px;
}

#code .comments {
    color: #3f7f5f;
}

/*#copyright {*/
    /*margin-top: 10px;*/
    /*text-align: center;*/
    /*width: 100%;*/
    /*color: #666;*/
/*}*/

/*#errorMsg {*/
    /*width: 100%;*/
    /*text-align: center;*/
    /*!*font-size: 24px;*!*/
    /*position: absolute;*/
    /*top: 100px;*/
    /*left: 0;*/
/*}*/

/*#copyright a {*/
    /*color: #666;*/
/*}*/